웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
특정 태그가 가진 속성들 예를 들어 id값이나 class명이 가진 값을 알아야하는 경우 사용 가능한 함수입니다. 값을 가져오는 것도 가능하고 지정할 수도 있습니다. 이때 사용하는 함수는 아래와 같습니다.
선택할 요소.getAttribute('지정할 속성', '지정할 값')
선택할 요소.setAttribute('값을 불러올 속성')
선택할 요소.getAttribute('지정할 속성', '지정할 값')
선택할 요소.setAttribute('값을 불러올 속성')
[ 1 ] 속성 값 지정 또는 불러오는 예제 보기
<script type="text/javascript">
var test = document.getElementById('buttonEle');
// buttonEle 이름의 id를 가진 요소를 test 변수에 저장함
test.getAttribute('class') // 클래스명 불러오기
test.getAttribute('data-no') // 사용자 속성 data-no의 값 불러오기
test.setAttribute(속성명, 정할 속성값) // 특정 속성에 값 지정하기
</script>
var test = document.getElementById('buttonEle');
// buttonEle 이름의 id를 가진 요소를 test 변수에 저장함
test.getAttribute('class') // 클래스명 불러오기
test.getAttribute('data-no') // 사용자 속성 data-no의 값 불러오기
test.setAttribute(속성명, 정할 속성값) // 특정 속성에 값 지정하기
</script>
아래의 글도 찾고 계시지 않나요?
